<html> 
<head> 
  <title>SVG Image</title> 
</head>
<body id="body" style="position:absolute; z-index:0; border:1px solid black; left:5%; top:5%; width:90%; height:90%;">
  <svg xmlns="http://www.w3.org/2000/svg" id='root' width="600px" height="100px">
    <script type="text/javascript"><![CDATA[
    if (window.testRunner)
      testRunner.waitUntilDone();

    window.onload = function() {
      var el = document.getElementById('root');
      var ie = document.createElementNS('http://www.w3.org/2000/svg', "image");
      ie.onload = function() {
        if (window.testRunner)
          testRunner.notifyDone();
      };
      ie.setAttribute("x", "10px");
      ie.setAttribute("y", "10px");
      ie.setAttribute("width", "100px");
      ie.setAttribute("height", "60px");
      ie.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'resources/green-checker.png');
      el.appendChild(ie);
    }
    ]]>
    </script>
  </svg>
</body> 
</html>
